<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/index.css">
    <title>DongDong SourcePackage</title>
    <script>
        const GLO_DATA = {
            url: "http://localhost:8080",
            up_url: '',
            up_url_array: [],
            up_url_array_pos: 0,
            up_url_array_bool: true
        }
    </script>
    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="../js/CSInterface.js"></script>
    <script type="text/javascript" src="../js/upControl.js"></script>
    <script type="text/javascript" src="../js/keyboardEvent.js"></script>
    <script type="text/javascript" src="../js/init.js"></script>
</head>

<body>
    <div id="header">
        <img src="../img/arrow_right.png" alt="arrow_right" style="height: 20px; width: 30px; 
        padding-top: 8px; padding-left:10px; padding-right:10px; float: left;"
        onclick="arrow_right_onclick()" onmouseover="arrow_right_MouseOver(event)" onmouseout="arrow_right_MouseOut(event)">

        <img src="../img/arrow_left.png" alt="arrow_left" style="height: 20px; width: 30px; 
        padding-top: 8px; padding-left:10px; padding-right:10px; float: left;"
        onclick="arrow_left_onclick()" onmouseover="arrow_left_MouseOver(event)" onmouseout="arrow_left_MouseOut(event)">

        <img src="../img/arrow_back.png" alt="arrow_back" style="height: 30px; width: 20px; 
        padding-top: 0px; padding-left:10px; padding-right:10px; float: left;"
        onclick="arrow_back_onclick()" onmouseover="arrow_back_MouseOver(event)" onmouseout="arrow_back_MouseOut(event)">

        <img src="../img/refresh_icon.png" alt="refresh_icon" style="height: 20px; width: 20px; 
        padding-top: 8px;  padding-left:10px; padding-right:10px; float: left;" 
        onclick="refreshOnclick()" onmouseover="refreshMouseOver(event)" onmouseout="refreshMouseOut(event)">

        <input type="text" name="up_url" id="up_url" style="width: 800px; height: 20px; margin-top: 5px;
        margin-left: 10px; margin-right:10px;float:left;">
        <img src="../img/info_icon.png" alt="info_icon" style="height: 25px; width: 25px; 
        padding-top: 4px; padding-left:10px; padding-right:10px; float: left;">
    </div>
    <div id="left">
    </div>
    <div id="middle">
        <!-- <div class="container" onmouseover="overElementControl(event)"  onmouseout="outElementControl(event)">
            <p class="container_para">This is Container!</p>
        </div> -->
    </div>
    <div id="footer">
        <p id="footer_p_message" style="text-align: right">This is message!</p>
    </div>
</body>

</html>